// 挂载到根组件App.jsx渲染到页面上  （ 引入index.js里面的Home ）
import { useState } from 'react'
// 在根组件使用
import Home from './base/11-自定义hook'

// 作为组件 1. 函数名首字母大写  2.必须要有节点返回值
function App() {
    // 加个状态
    let [show, setShow] = useState(true)
    return (
        <div>
            <h4>React-hooks学习--APP.jsx渲染最上面的根组件</h4>
            {/* 引入Home  在这使用组件 */}
            {
                show && <Home></Home>
            }
            <button onClick={() => { setShow(false) }}>切换</button>
        </div>
    )
}
// 暴露文件 挂载到index.js 配置文件中
export default App; 